@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form,textarea{font-size:14px; line-height:28px; font-family: "microsoft yahei", "Arial Black"; color:#666;}
h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight:bold; }
ul,ol{list-style:none;}
img{border:0px; display: block;margin:0; padding:0; }
em,i,strong{ font-style:normal; }
button,input,select,textarea{font-size: 100%;}
table {border-collapse: collapse;border-spacing:0;}
body{ background:#fff;}
*{padding:0px; margin:0px }
div{ margin:0; padding:0; border:0; color:#666666; }
p{ margin:0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:focus { outline:none; }
a:hover,a:active{ color:#008bcb; text-decoration:none; }
a:visited{text-decoration:none;}

/*表单*/
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button,select {text-transform: none;}
input{ line-height: normal; border:none;}
textarea{ -moz-box-sizing: border-box;  background: #dddddd;border: 1px solid #999999;width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin:0;}
audio:not([controls]) {display: none; height: 0;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {color: #F00 !important;}

/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0; }
.clearfix{*zoom:1;}
.clear { clear:both; }
.fl{ float:left;}
.fr{ float:right;}
/*其它*/
.hidden{ display:none;}

/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}

/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.por{position: relative;}
.poa{position: absolute;}
.icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
#header_main, #top_main, #banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
/*top*/
#header_main{background:#fff;height:100px;position:relative;}
#top #logo{width:386px;}
#top #logo a{padding-top:10px;display: block;}
#top #logo img{height:66px;display:block;}
#top #logo_mobile{display: none;}
/*导航*/
#header_main #nav{width:800px;position: relative;height:100px;}
#nav ul{margin:0 auto;width:100%;}
#nav li{float:left;display:block;list-style:none;font-size:14px;text-align:center;line-height:100px;position:relative;margin:0;}
#nav li a{display:block;text-align:center;position: relative;color: #333;height:100px;padding:0 22px;}
#nav li:hover a,#nav li.hover a{color:#fff;}
#nav li:hover,#nav li.hover{background: #008bcb;}
/*导航栏下拉*/
#nav .subnav{position: absolute;left: 0;top:50px;width: 102px;z-index: 10;border-left:5px solid rgba(255,255,255,0.1);border-right:5px solid rgba(255,255,255,0.1);border-bottom:5px solid rgba(255,255,255,0.1);display: none;}
#nav .subnavbg{position:static;background:#32363e;background:rgba(255, 255, 255, 0.6)!important;filter:Alpha(opacity=60);*zoom:1;}
#nav .subnav a{display: block;height:32px;line-height:32px;text-align: center;color: #333 !important;font-weight: normal !important;font-size: 12px;overflow: hidden;position: relative;}
#nav .subnav a:hover{ display:block;color:#333 !important;background:#fff; font-weight: normal; background:rgba(255, 255, 255, 1)!important;}

/*侧边导航*/
/* banner */
#banner_main{overflow:hidden;position: relative;z-index: 2;}
#banner_main .banner {height:450px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:450px; overflow:hidden;}
.banner li {width:100%;position:absolute;z-index:1;overflow:hidden;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3; }
#banner .tip span{height:10px;margin:0 2px;width:10px;display:inline-block;font-size: 0;cursor: pointer;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius:100%;border: 2px solid #008bcb;}
#banner .tip span.cur{background-color:#008bcb;}
#banner #btn_prev,#banner #btn_next{width:28px;height:56px;position:absolute;top:46%;z-index:5;}
#banner #btn_prev{background-position:0 0;left:5%;}
#banner #btn_next{background-position:-34px 0;right:5%;}
/*banner end*/
#announ_main{height:58px;background:#f8f8f8;}
#announ{font-size: 12px;}
.announ_right{width:400px;height:58px;padding-top: 14px;}
.announ_right .txt{width:334px;height:32px;line-height:32px;border:1px solid #cfcfcf;border-right:0 none;color: #aaa;font-size: 12px;text-indent:20px;}
.announ_right .btn{width:64px;height:34px;background: url(../images/icon.png) no-repeat #008bcb 20px -354px;cursor: pointer;}
.announ_right .btn:hover{background: url(../images/icon.png) no-repeat #e61822 20px -354px;}
.announ_left{font-size:12px;line-height:58px;height: 58px;}
.announ_left span{color:#333;width:60px;}
.announ_left .re_key{width:480px;}
.announ_left .re_key a{color:#666;padding-left:30px;display: inline-block;}
.announ_left .re_key a:hover{color: #ff7e00;}

.offer_main{background: #008bcb;width: 100%;padding: 60px 0;position:relative;z-index: 9;}
.offer .zixbtn{width: 200px;height: 90px;line-height: 90px;cursor: pointer;background: #5aade2;color: #fff;font-size: 26px;font-weight: bold;-moz-border-radius: 5px;}
.offer .zixbtn:hover{background: #7dccff;}
.offer .iform{width: 832px;}
.offer .iform .item{width: 264px;margin-right:10px;margin-bottom: 10px;}
.offer .iform .item label{width: 100px;height: 40px;line-height:40px;float: left;background: #fff;border-top-left-radius:4px;border-bottom-left-radius:4px;color: #333;text-align: center;}
.offer .iform .item .txt{float: left;width: 160px;height: 38px;line-height: 38px;border: 1px solid #fff;border-left: 0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;color: #fff;text-indent: 10px;background: none;}
.offer .iform .s-box{width: 160px;height: 38px;line-height: 38px;border: 1px solid #fff;border-left: 0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;color: #fff;}
.offer .iform .item label.tit{letter-spacing:10px;}
.xtxt{background: url(../images/jt.png) no-repeat right center;display: block;width:140px;padding-left: 10px;cursor: pointer;}
.offer .iform .s-box .list{position: absolute;left: 0;top:38px;background: #fff;color: #333;width:162px;border-top-right-radius:4px;}
.offer .iform .s-box .list li{display: block;padding-left: 10px; line-height: 35px;cursor: pointer;}
.offer .iform .s-box .list li:hover{background: #eee;}
.offer .iform .s-box .list li:first-child{border-top-right-radius:4px;}


.index .title{text-align: center;width: 100%;}
.index .title h3{font-size:30px;font-weight:normal;display:block;line-height:30px;}
.index .title h4{color:#cccccc;font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 20px;line-height: 40px;}
.index .title h3 b{display:inline-block;font-weight:bold;color:#008bcb;}
.index .title em{width:60px;height:24px;margin:0 auto;background-position:0 -124px;}
.index .floor_2 .title{color: #fff;position: absolute;left: 0;top:80px;z-index: 3;}
.index .floor_2 .title h4{color: #fff;}
.index .floor_2 .title h3 b{color: #fff;}
.index .floor_2 .title em{background-position:0 -158px;}

.index .floor_1{padding-top:80px;padding-bottom:80px;position: relative;}
.index .fuwu{width:600px;height:450px;background: url(../images/ysbg.jpg) no-repeat left top;margin:0 auto;padding-top:148px;}
.index .floor_1 .item{position:absolute;width:360px;padding-right:31px;}
.index .floor_1 .item a{display:block;position:relative;padding-left:80px;padding-top: 38px;}
.ys_ico{background: url(../images/ys_ico.png) no-repeat;}
.index .floor_1 .item h3{font-size:20px;font-weight:bold;line-height:20px;}
.index .floor_1 .item p{line-height:20px;color:#666;float:left;width:160px;padding-top:8px;}
.index .floor_1 .item span{width:96px;height:60px;display:block;float:left;margin-right:22px;}
.index .floor_1 .item .xian{width:0;height: 92px;position: absolute;top: 0;display:none;}
.index .floor_1 .item .xian em{width: 188px;height: 92px;display: block;}
.index .floor_1 .it1 span{background-position: 0 0;}
.index .floor_1 .it2 span{background-position:-100px 0;}
.index .floor_1 .it3 span{background-position:-200px 0;}
.index .floor_1 .it4 span{background-position:-300px 0;}
.index .floor_1 .it5 span{background-position:-400px 0;}
.index .floor_1 .it6 span{background-position:-500px 0;}
.index .floor_1 .hover.it1 span{background-position: 0 -70px;}
.index .floor_1 .hover.it2 span{background-position:-100px -70px;}
.index .floor_1 .hover.it3 span{background-position:-200px -70px;}
.index .floor_1 .hover.it4 span{background-position:-300px -70px;}
.index .floor_1 .hover.it5 span{background-position:-400px -70px;}
.index .floor_1 .hover.it6 span{background-position:-500px -70px;}


.index .floor_1 .it4,.index .floor_1 .it5,.index .floor_1 .it6{padding-right:0;padding-left:31px;text-align: right;}
.index .floor_1 .it1 .xian,.index .floor_1 .it2 .xian,.index .floor_1 .it3 .xian{left: 0;}
.index .floor_1 .it5 .xian,.index .floor_1 .it6 .xian{left:171px;}
.index .floor_1 .it4 .xian{left: 173px;}
.index .floor_1 .it1 em,.index .floor_1 .it2 em,.index .floor_1 .it3 em{background-position:0 -140px;}
.index .floor_1 .it4 em,.index .floor_1 .it5 em,.index .floor_1 .it6 em{background-position:0 -240px;}
.index .floor_1 .it4 a,.index .floor_1 .it5 a,.index .floor_1 .it6 a{padding-left:0;padding-right:80px;}
.index .floor_1 .it4 span,.index .floor_1 .it5 span,.index .floor_1 .it6 span{float: right;margin-right:0;margin-left:22px;}
/*.index .floor_1 .item.hover em,.index .floor_1 .item a:hover em{width: 188px;}*/

.index .floor_1 .it1{right: 0;top:72px;}
.index .floor_1 .it2{right:-58px;top:287px;}
.index .floor_1 .it3{right:1px;top:506px;}
.index .floor_1 .it4{left: 0;top:72px;}
.index .floor_1 .it5{left:-58px;top:287px;}
.index .floor_1 .it6{left:1px;top:506px;}

.index .floor_1_main,.index .floor_2_main,.index .floor_3_main,.index .floor_4_main{width:100%;}
.index .floor_2_main{background:url(../images/youshi.jpg) no-repeat center top;height:674px;overflow: hidden;}
.index .floor_4_main{background:url(../images/flo2.jpg) no-repeat center top;height: 818px;overflow: hidden;}




.index .floor_2{padding:0;position: relative;}
.index .youshi{overflow: hidden;position: relative;border-right: 1px solid rgba(255,255,255,.3);}
.index .youshi .list{width: 108%;}
.index .youshi li{float: left;width:300px;height:674px;display: block;overflow: hidden;position: relative;border-left: 1px solid rgba(255,255,255,.3);}
.index .youshi li a{display: block;height:674px;}
.index .youshi li .content{z-index: 2; position: absolute;left: 0;top:300px;width: 100%;text-align: center;color: #fff;cursor: pointer;}
.index .youshi li .content .sico-img{width:100px;height:116px;display: block;margin:0 auto 40px;}
.index .youshi li .content .line{width: 30px;height: 2px;display: block;margin: 25px auto;background: #fff;}
.index .youshi li .content h3{font-size: 24px;font-weight: bold;line-height: 28px;}
.index .youshi li .content .desc{text-align: center;line-height: 18px;width: 226px;margin:10px auto;}
.index .youshi li .content .more1{margin:0 auto 18px;width:98px;height:26px;display: block;border: 1px solid #fff;line-height:26px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.index .youshi a:hover .content .more1{margin-top: 15px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index .youshi li a:hover .content{top:264px;}
.index .youshi li a:hover .content .line{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;margin-top:15px;margin-bottom: 0;}
.index .youshi li a:hover{background: url(../images/back50.png) repeat left top;}
.transs {-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}




.index .floor_3{padding-top:80px;overflow: hidden;}
.index .menu{padding:30px 0;text-align: center;}
.index .menu a{display:inline-block;padding:0 10px;font-size: 16px;color: #333;}
.index .menu a em{width:10px;height:10px;display: inline-block;background-position:-322px 0;margin-right: 10px;}
.index .menu a:hover{color:#008bcb;}
.icase{overflow: hidden;}
.icase .list{width: 108%;}
.index .icase .item{float: left;margin-right:0;width:284px;height: 213px;overflow: hidden;position: relative;margin-bottom: 20px;}
.index .icase .item img{width: 100% ;height: 100%;display: block;}
.index .icase .item a{display: block;}
.index .icase .item .txt{position: absolute;left: 0;top:0;width:284px;height:213px;text-align: center;background:url(../images/jbhei.png) repeat-x left bottom;}
.index .icase .item .txt h3{color: #fff;font-size: 18px;padding-top:60%;}
.index .icase .item .txt span{width:50px;height: 50px;display: block;background-position:0 -187px;position: absolute;left: 50%;margin-left: -25px;top:10%;margin-top: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.index .icase .item:hover .txt{background: url(../images/back50.png) repeat left top;}
.index .icase .item:hover h3{padding-top:50%;}
.index .icase .item:hover span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;top: 50%;}

.index .icase .smabox{width:284px;}
.index .icase .smabox .item{float: none;}
.index .icase .bigbox{width:592px;height:445px;overflow: hidden;position: relative;margin:0 20px;}
.index .icase .bigbox .item .txt{width:592px;height:445px;bottom: 0;}
.index .icase .bigbox .item .txt h3{padding-top:68%;}
.index .icase .bigbox .item:hover .txt h3{padding-top:48%;}
.index .icase .bigbox .bd{overflow: hidden;}
.index .icase .bigbox .bd .item{width:592px;height:445px;overflow: hidden;position: relative;}
.index .icase .bigbox .hd{ height:15px; overflow:hidden; position:absolute; right:16px; bottom:10px; z-index:3; }
.index .icase .bigbox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index .icase .bigbox .hd ul li{float:left;margin-right:6px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.index .icase .bigbox .hd ul li.on{background:#008bcb; color:#fff; }

.index .floor_3 .cont{background: #fff;margin-top: 50px;height:244px;overflow: hidden;}


.index .floor_4{padding:80px 0;}
.index .floor_4 .textlist .list{width: 108%;}
.index .floor_4 .textlist{position: relative;overflow: hidden;padding-top: 40px;}
.index .textlist li{float:left;width: 386px;margin-right:20px;transition: all 0.2s linear 0s;margin-bottom: 20px;}
.index .textlist li .img{width: 386px;height:217px;overflow: hidden;cursor: pointer;position: relative;}
.index .textlist li .img img{width:100%;height:100%;transition: all 0.3s ease-out 0s;}
.index .textlist li .bg{background: url(../images/casebg.png) no-repeat center;position: absolute;left: 0;top:-20%;width:100%;height:100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.index .textlist li a:hover .bg{top: 0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index .textlist li a:hover img{transform: scale(1.2, 1.2);}
.index .textlist li h3{font-size: 18px;line-height:40px;padding-top:30px;}
.index .textlist li a:hover h3{color:#008bcb;}
.index .textlist .desc{line-height: 24px;height:52px;overflow: hidden;margin-bottom:5px;color: #666;cursor: pointer;}
.index .textlist span{display: block;color: #333;font-size: 16px;font-family: arial;font-weight: bold;}


.index .more{width:386px;height:45px;line-height:45px;text-align: center;color: #fff;font-size: 16px;display: block;margin:40px auto 0;background: #008bcb;}
.index .more span{display: inline-block;color: #ccc;font-size:14px;padding-left: 16px;font-family: tahoma;}
.index .more:hover{background:#006393;color:#fff;text-indent:10px;}
.index .more:hover span{color:#fff;}


/*底部信息*/
#footer_main{margin:0;width:100%;padding:0;position:relative;z-index: 3;background: #303336;color: #ccc;}
#footer_main #footer{padding:70px 0 50px;}
#footer_main .ewm{width:260px;}
#footer_main .ewm p{width:110px;margin-right:14px;padding-top:12px;text-align:center;}
#footer_main .ewm img{width:110px;height:110px;display:block;}
#footer_main .ewm span{color:#ccc;font-size:12px;}


#footer_main .icontact{width:240px;padding-top:8px;}
#footer_main .icontact h3{color:#ccc;font-size:12px;padding:0;display: inline-block;font-family:Cambria,arial;}
#footer_main .icontact h3 b{display: block;color:#fff;font-size:24px;}
#footer_main .icontact span{width:46px;height: 46px;display: inline-block;background-position:0 -245px;}
#footer_main .botleft{width: 890px;}


#footer_main .botnav{line-height:24px;color: #fff;padding-top:8px;}
#footer_main .botnav a{display:inline-block;color:#fff;}
#footer_main .botnav span{display:inline-block;color: #666;padding:0 20px;}

#footer_main .botnav a:hover{color: #fff;}
#footer_main .botnav .more{width: 208px;height: 34px;line-height: 34px;display: block;background: #008a37;color: #fff;text-align: center;margin-top: 20px;}
#footer_main .botnav .more:hover{background: #e5000a;}


.copyright{padding-top:20px;padding-bottom:20px;font-size: 12px;color: #ccc;}

.copyright span{font-family:tahoma;}
.copyright p,.copyright a{color: #666;}
.copyright p{line-height:20px;}
.copyright a{display:inline-block;padding-left: 6px;}
.copyright a:hover{color:#666;}


.catemore{width:200px;height:44px;line-height:44px;display: block;border: 1px solid #cbb847;font-size: 16px;color: #666;margin-top:20px;text-align: center;margin: 0 auto;cursor: pointer;}
.catemore:hover{background:#cbb847;color: #fff;}
.nomore{border: 1px solid #ddd;background: #ddd;color: #333;}

.showvideo{width:720px;margin:20px auto;}

/* 亮光 */
/*hvr-highLight*/
.hvr-highLight{ overflow: hidden; position: relative; }
.hvr-highLight:before{content: ""; position: absolute; width:80px; height:475px; top: 0; left: -236px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);  background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg);transform: skewX(-32deg);}
.hvr-highLight:hover:before{-webkit-transition: left 1.1s; -moz-transition: left 1.1s; -ms-transition: left 1.1s; transition: left 1.1s; left: 480px;}
.hvr-highLight:hover{  opacity: .9\0; filter: alpha(opacity=90); }

/*友情链接*/
.links_main{padding:12px 0;}
.links_main .linkstxt{padding-top:18px;line-height: 30px;border-top: 1px solid #ddd;}
.links_main .linkstxt span{display:inline-block;font-weight: bold;}
.links_main .linkstxt em{display:inline-block;width: 20px;height: 20px;background-position:0 -48px;margin-right: 6px;}
.links_main .linkstxt a{display:inline-block;color:#555;padding-left: 20px;}
.links_main .linkstxt a:hover{color:#cbb847;}

/*右侧悬浮框*/
.ico_fix{background:url(../images/ico_fix.png) no-repeat;vertical-align:middle;}
.bcts_bar{width:50px; position: fixed; right: 0; bottom:30%; z-index: 99;}
.bcts_bar .ico_fix { width:40px; height:40px; display: block; margin:0 auto; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;padding: 0px;}
.bcts_bar .item{background:#008bcb;width:50px;height:50px;margin-bottom: 4px;}
.bcts_bar .item a{display:block;position:relative;padding-top: 5px;}
.bcts_bar .item a .bcts_weix{width:40px;height:40px;background-position:0 -40px;}
.bcts_bar .item .bcts_top{background-position:0 -80px;}
.bcts_bar .item .bcts_qq{background-position:0 -160px;}
.bcts_bar .item .bcts_jia{background-position:0 0;}
.bcts_bar .item .bcts_tel{background-position:0 -120px;}
.bcts_bar .item.jia{transition: all 0.3s ease-out 0s;}
.bcts_bar .item .box{right:-180px;bottom:-42px;background: #fff;border: 1px solid #e5e5e5;width: 150px;height:178px;text-align: center;padding:8px;opacity: 0;transition: all 0.2s linear 0s;}
.bcts_bar .item .box .sjx{width: 10px;height: 18px;background-position: 0 0;display: block;right:-10px;bottom:48px;}
.bcts_bar .item .box img{width: 148px;height: 148px;display: block;margin: 0 auto;border: 1px solid #dbdbdb;}
.bcts_bar .item .box h5{text-align: center;font-size: 12px;line-height: 30px;display: block;font-weight: normal;color: #333;}

.bcts_bar .item.tel .box{background: #008bcb;border:0 none;width:150px;height:40px;line-height: 40px;color: #fff;bottom:-5px;padding:5px 0;}


.animated {-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}